﻿@{
    ViewBag.Title = "Form";
    Layout = "~/Views/Shared/_ManufactureList.cshtml";
}
<script>
    var currRowId = 1;
    $(function () {
        initControl();
        gridList();
        partsList();      
    });
    function initControl() {
        var myLayout = $('#layout').layout({ resizable: false });
        myLayout.sizePane("west", 300);
        $('#listDiv').css("width", $(window).width() - 350);
        //initEquipNOSelect($('#ZLineNO').val());
        initBindSelect("#itemContent");
        $('#btn_remove').addClass("disabled");

        $("#ZLineNO").on("change", function () {
            initEquipNOSelect("#EquipNO", $('#ZLineNO').val());
            initEquipSBNOSelect('#EquipSBNO', $('#ZLineNO').val(), $('#EquipNO').val());
        })
        $("#EquipNO").on("change", function () {
            initEquipSBNOSelect('#EquipSBNO', $('#ZLineNO').val(),$('#EquipNO').val());
        })
        $("#FLineNO1").on("change", function () {
            initEquipNOSelect("#EquipNO1", $('#FLineNO1').val());
            initEquipSBNOSelect('#EquipSBNO1', $('#FLineNO1').val(), $('#EquipNO1').val());
        })
        $("#EquipNO1").on("change", function () {
            initEquipSBNOSelect('#EquipSBNO1', $('#FLineNO1').val(), $('#EquipNO1').val());
        })
        $("#EquipSBNO1").on("change", function () {
            if ($("#EquipSBNO1").val() != '') {
                $('#Manhour1').val($('#Manhour').val());
                $('#Moduelhour1').val($('#Moduelhour').val());
                $('#Technologyhour1').val($('#Technologyhour').val());
                $('#PModuelhour1').val($('#PModuelhour').val());
                $('#PerNum1').val($('#PerNum').val());
            } else {
                $('#Manhour1').val("");
                $('#Moduelhour1').val("");
                $('#Technologyhour1').val("");
                $('#PModuelhour1').val("");
                $('#PerNum1').val("");
            }
        })
        $("#FLineNO2").on("change", function () {
            initEquipNOSelect("#EquipNO2", $('#FLineNO2').val());
            initEquipSBNOSelect('#EquipSBNO2', $('#FLineNO2').val(), $('#EquipNO2').val());
        })
        $("#EquipNO2").on("change", function () {
            initEquipSBNOSelect('#EquipSBNO2', $('#FLineNO2').val(), $('#EquipNO2').val());
        })
        $("#EquipSBNO2").on("change", function () {
            if ($("#EquipSBNO2").val() != '') {
                $('#Manhour2').val($('#Manhour').val());
                $('#Moduelhour2').val($('#Moduelhour').val());
                $('#Technologyhour2').val($('#Technologyhour').val());
                $('#PModuelhour2').val($('#PModuelhour').val());
                $('#PerNum2').val($('#PerNum').val());
            } else {
                $('#Manhour2').val("");
                $('#Moduelhour2').val("");
                $('#Technologyhour2').val("");
                $('#PModuelhour2').val("");
                $('#PerNum2').val("");
            }
        })
    }
    function partsList() {
        var $partsList = $("#partsList");
        $partsList.dataGrid({
            url: "/BOM/Product/GetPartsJson2",
            postData: { keyword: $("#txt_keyword").val() },
            height: $(window).height() - 120,
            colModel: [
                { label: '零件编号', name: 'FProductionNO', width: 115, align: 'left', sortable: false },
                { label: '零件名称', name: 'FProductionName', width: 166, align: 'left', sortable: false }
            ],
            pager: "#partsPager",
            sortname: 'FProductionNO asc',
            rownumbers: false,
            viewrecords: true,
            loadComplete: function () {
                $partsList.jqGrid('setSelection', 1);
            },
            onSelectRow: function (rowId) {
                emptyDataById("#itemContent");
                initBindSelect("#itemContent");
                $('.has-error').find('i.error').remove();
                $('.has-error').removeClass("has-error");
                var rowData = $partsList.jqGrid('getRowData', rowId);
                $("#FProductionNO").val(rowData.FProductionNO);
                $("#FProductionName").val(rowData.FProductionName);
                if (!$('#btn_remove').hasClass("disabled")) {
                    $('#btn_remove').addClass("disabled");
                }
                reloadGrid();
            },
            beforeSelectRow: function (rowid, e) {
                
            }
        });
        $("#btn_search").click(function () {
            $partsList.jqGrid('setGridParam', {
                postData: { keyword: $("#txt_keyword").val() },
            }).trigger('reloadGrid');
        });
    }
    function gridList() {
        var $gridList = $("#gridList");
        $gridList.dataGrid({
            url: "/BOM/Product/GetJqgxListJson",
            postData: { id: $("#FProductionNO").val() },
            height: 240,
            colModel: [
                { label: '工序号', name: 'ProcessNO', width: 50, align: 'left', sortable: false, frozen: true },
                { label: '工序名称', name: 'ProcessName', width: 90, align: 'left', sortable: false },
                { label: '主生产线', name: 'ZLineName', width: 70, align: 'left', sortable: false },
                { label: '主线设备型号', name: 'EquipNO', width: 100, align: 'left', sortable: false },
                { label: '设备编号', name: 'EquipSBNO', width: 100, align: 'left', sortable: false },
                { label: '单件生产工时', name: 'Manhour', width: 90, align: 'right', sortable: false },
                { label: '单件工艺工时', name: 'Technologyhour', width: 90, align: 'right', sortable: false },
                { label: '批次准结工时', name: 'Moduelhour', width: 90, align: 'right', sortable: false },
                { label: '批次工艺准结工时', name: 'PModuelhour', width: 120, align: 'right', sortable: false },
                { label: '工艺定员', name: 'PerNum', width: 60, align: 'right', sortable: false },
                { label: '副生产线1', name: 'FLineName1', width: 70, align: 'left', sortable: false },
                { label: '副线1设备型号', name: 'EquipNO1', width: 100, align: 'left', sortable: false },
                { label: '副线1设备编号', name: 'EquipSBNO1', width: 100, align: 'left', sortable: false },
                { label: '单线生产工时', name: 'Manhour1', width: 90, align: 'right', sortable: false },
                { label: '单件工艺工时', name: 'Technologyhour1', width: 90, align: 'right', sortable: false },
                { label: '批次准结工时', name: 'Moduelhour1', width: 90, align: 'right', sortable: false },
                { label: '批次工艺准结工时', name: 'PModuelhour1', width: 120, align: 'right', sortable: false },
                { label: '工艺定员', name: 'PerNum1', width: 60, align: 'right', sortable: false },
                { label: '副生产线2', name: 'FLineName2', width: 70, align: 'left', sortable: false },
                { label: '副线2设备型号', name: 'EquipNO2', width: 100, align: 'left', sortable: false },
                { label: '副线2设备编号', name: 'EquipSBNO2', width: 100, align: 'left', sortable: false },
                { label: '单件生产工时', name: 'Manhour2', width: 90, align: 'right', sortable: false },
                { label: '单件工艺工时', name: 'Technologyhour2', width: 90, align: 'right', sortable: false },
                { label: '批次准结工时', name: 'Moduelhour2', width: 90, align: 'right', sortable: false },
                { label: '批次工艺准结工时', name: 'PModuelhour2', width: 120, align: 'right', sortable: false },
                { label: '工艺定员', name: 'PerNum2', width: 60, align: 'right', sortable: false },
                { label: '', name: 'FProCompanyNO', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FProCompanyName', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FProCompanyAll', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FWorkshop', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FWorkshopName', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FWorkshopAll', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FProductionNO', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FProductionName', width: 80, align: 'center', hidden: true },
                { label: '', name: 'Manhour_JQ', width: 80, align: 'center', hidden: true },
                { label: '', name: 'Technologyhour_JQ', width: 80, align: 'center', hidden: true },
                { label: '', name: 'Moduelhour_JQ', width: 80, align: 'center', hidden: true },
                { label: '', name: 'FContainerNO', width: 80, align: 'center', hidden: true },
                { label: '', name: 'MoldNO', width: 80, align: 'center', hidden: true },
                { label: '', name: 'ProcessID', width: 80, align: 'center', hidden: true },
                { label: '主生产线', name: 'ZLineNO', width: 70, align: 'left', hidden: true },
                { label: '副生产线1', name: 'FLineNO1', width: 70, align: 'left', hidden: true },
                { label: '副生产线2', name: 'FLineNO2', width: 70, align: 'left', hidden: true },
            ],
            sortname: 'ZLineNO desc, ProcessNO asc',
            rowNum: 1000000,
            viewrecords: true,
            rownumWidth: 40,
            loadComplete: function () {
                $gridList.jqGrid('setSelection', currRowId);
            },
            onSelectRow: function (rowid) {
                $('.has-error').find('i.error').remove();
                $('.has-error').removeClass("has-error");

                var FProductionNO = $("#FProductionNO").val();
                var FProductionName = $("#FProductionName").val();
                emptyDataById("#itemContent");
                $("#FProductionNO").val(FProductionNO);
                $("#FProductionName").val(FProductionName);

                var rowDatas = $gridList.jqGrid('getRowData', rowid);
                initEquipNOSelect("#EquipNO", rowDatas.ZLineNO);
                initEquipSBNOSelect('#EquipSBNO', rowDatas.ZLineNO, rowDatas.EquipNO);
                initEquipNOSelect("#EquipNO1", rowDatas.FLineNO2)
                initEquipSBNOSelect('#EquipSBNO1', rowDatas.FLineNO1, rowDatas.EquipNO1);
                initEquipNOSelect("#EquipNO2", rowDatas.FLineNO2);
                initEquipSBNOSelect('#EquipSBNO2', rowDatas.FLineNO2, rowDatas.EquipNO2);
                setDataByJson("#itemContent", rowDatas);
                initBindSelect("#itemContent");
                $('#btn_remove').removeClass("disabled")
                currRowId = rowid;
                //alert($('#EquipNO').val());
                //$('#EquipNO').bindSelect();
            }
        });
        $gridList.jqGrid('setLabel', 0, '序号', 'rowNumberHeaderStyle');
        $gridList.jqGrid('setFrozenColumns');
    }
    function reloadGrid() {
        $("#gridList").jqGrid('setGridParam', {
            postData: { id: $("#FProductionNO").val() },
        }).trigger('reloadGrid');
    }
    function btn_save() {
        if (!$('#form1').formValid()) {
            return false;
        }
        $.modalConfirm("注：您确定要【保存】当前剪切工序数据吗？", function (r) {
            if (r) {
                $.submitForm({
                    url: "/BOM/Manufacture/SubmitShearingProcess?status=U",
                    param: $("#form1").formSerialize(),
                    success: function () {
                        reloadGrid();
                    }
                })
            }
        });
    }
    function btn_remove() {
        $.modalConfirm("注：您确定要【删除】当前剪切工序数据吗？", function (r) {
            if (r) {
                $.submitForm({
                    url: "/BOM/Manufacture/SubmitShearingProcess?status=D",
                    param: $("#form1").formSerialize(),
                    success: function () {
                        reloadGrid();
                    }
                })
            }
        });
    }
    function btn_cancel() {
        parent.$.detailClose();
    }
    function btn_mold() {
        var title = '选择模具信息';
        var url = '/BOM/Manufacture/ChooseMold';
        $.detailOpenTop({
            id: "Detail",
            title: title,
            url: url
        });
    }
    function do_choose_mold(number) {
        $('#MoldNO').val(number);
        $.detailCloseTop();
    }
    function initEquipNOSelect(id, lineNo) {
        var data = eval(@Html.Raw(ViewBag.equipModelListJson));
        $(id).empty();
        $(id).append("<option value=''>&nbsp;</option>");
        if (lineNo != '') {  
            for (var i = 0; i < data.length; i++) {
                //alert(currLine + ':' + lineNo);
                var currLine = data[i].EquipLine;
                if (currLine == lineNo) {
                    $(id).append("<option value='" + data[i].EquipModel + "'>" + data[i].EquipModel + "</option>");
                }
            }
        }
        $(id).val("");
        $(id).bindSelect();
    }
    function initEquipSBNOSelect(id, lineNo, equipModel) {
        var data = eval(@Html.Raw(ViewBag.equipnoListJson));
        $(id).empty();
        $(id).append("<option value=''>&nbsp;</option>");
        if (lineNo != '' && equipModel != '') {  
            for (var i = 0; i < data.length; i++) {
                var currLine = data[i].EquipLine;
                var currModel = data[i].EquipModel;
                //alert(currLine + ':' + lineNo + ' ' + currModel + ':' + equipModel);
                if (currLine == lineNo && currModel == equipModel) {
                    $(id).append("<option value='" + data[i].EquipNO + "'>" + data[i].EquipNO + "</option>");
                }
            }
        }
        $(id).val("");
        $(id).bindSelect();
    }
</script>
<div class="ui-layout" id="layout" style="height: 100%; width: 100%;">
    <div class="ui-layout-west">
        @RenderPage("~/Views/Shared/_CommonStampingList.cshtml")
    </div>
    <div class="ui-layout-center">
        <form id="form1">
            <table class="form" style="width:900px;text-align:right;margin:5px 15px;border-bottom:2px solid #ccc;">
                <tr>
                    <td class="formValue" width="160px;">
                        <div class="btn-group dialog-title">
                            输入剪切工序信息
                        </div>
                    </td>
                    <td class="formValue input-width-185" style="width:420px;">
                        &nbsp;
                    </td>
                    <td style="width: 300px; padding: 5px 10px;">
                        <div class="btn-group" style="">
                            <a id="btn_save" class="btn btn-primary center-block" onclick="btn_save()"><span class="glyphicon glyphicon-ok"></span> 保存</a>&nbsp;&nbsp;
                        </div>
                        <div class="btn-group" style="">
                            <a id="btn_remove" class="btn btn-primary center-block" onclick="btn_remove()"><span class="glyphicon glyphicon-trash"></span> 删除</a>&nbsp;&nbsp;
                        </div>
                        <div class="btn-group" style="">
                            <a id="btn_cancel" class="btn btn-primary center-block" onclick="btn_cancel()"><span class="glyphicon glyphicon-remove"></span> 关闭</a>
                        </div>
                    </td>
                </tr>
            </table>
            <div id="itemContent">
                <table class="form" style="width: 900px; margin: 0 15px;">
                    <tr>
                        <th class="formTitle" style="width:70px;">零件编号</th>
                        <td class="formValue" style="width:120px;">
                            <input id="FProductionNO" name="FProductionNO" type="text" class="form-control" value="" />
                        </td>
                        <th class="formTitle" style="width:60px;">零件名称</th>
                        <td class="formValue" style="width:140px;">
                            <input id="FProductionName" name="FProductionName" type="text" class="form-control" value="" />
                        </td>
                        <th class="formTitle" style="width:50px;">单位</th>
                        <td class="formValue" style="width:180px;">
                            <select id="FProCompanyNO" name="FProCompanyNO" class="form-control">
                                <option value="">&nbsp;</option>
                                @foreach (var item in ViewBag.assembleLine)
                                {
                                    <option value="@item.MakeLineNO">@item.MakeLineNO @item.MakeLineShortName</option>
                                }
                            </select>

                        </td>
                        <th class="formTitle" style="width:50px;">模具</th>
                        <td class="formValue" style="">
                            <input id="MoldNO" name="MoldNO" type="text" class="form-control" style="width:182px;">
                            <div class="btn-group" style="margin-top:-5px;">
                                <a id="btn_mold" class="btn btn-primary center-block btn-1" onclick="btn_mold()"><span class="glyphicon glyphicon-search"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">工序编号</th>
                        <td class="formValue">
                            <input id="ProcessNO" name="ProcessNO" type="text" class="form-control required" value="" />
                        </td>
                        <th class="formTitle">工序名称</th>
                        <td class="formValue">
                            <input id="ProcessName" name="ProcessName" type="text" class="form-control required" value="" />
                        </td>
                        <th class="formTitle">车间</th>
                        <td class="formValue">
                            <select id="FWorkshop" name="FWorkshop" class="form-control">
                                <option value="">&nbsp;</option>
                                @foreach (var item in ViewBag.assembleLine)
                                {
                                    <option value="@item.MakeLineNO">@item.MakeLineNO @item.MakeLineShortName</option>
                                }
                            </select>
                        </td>
                        <th class="formTitle">容器</th>
                        <td class="formValue">
                            <select id="FContainerNO" name="FContainerNO" class="form-control">
                                <option value="">&nbsp;</option>
                                @foreach (var item in ViewBag.fcontainer)
                                {
                                    <option value="@item.FContainerNO">@item.FContainerNO @item.FContainerName</option>
                                }
                            </select>
                        </td>
                    </tr>
                </table>
                <table class="form" style="width: 900px; margin: 0 15px; margin-bottom: 3px;">
                    <tr>
                        <th class="formTitle" style="width:70px;">主生产线</th>
                        <td class="formValue" style="width:120px;">
                            <select id="ZLineNO" name="ZLineNO" class="form-control">
                                <option value="">&nbsp;</option>
                                @foreach (var item in ViewBag.equipList)
                                {
                                <option value="@item.FTypeNO">@item.FTypeNO @item.FTypeName</option>
                                }
                            </select>
                        </td>
                        <th class="formTitle" style="width:100px;">&nbsp;</th>
                        <td class="formValue input-width-40" style="width:80px;">
                            &nbsp;
                        </td>
                        <th class="formTitle" style="width:100px;">&nbsp;</th>
                        <td class="formValue input-width-40" style="width:90px;">
                            &nbsp;
                        </td>
                        <th class="formTitle" style="width:50px;">&nbsp;</th>
                        <td class="formValue">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">设备型号</th>
                        <td class="formValue">
                            <select id="EquipNO" name="EquipNO" class="form-control">
                                <option value=''>&nbsp;</option>
                            </select>
                        </td>
                        <th class="formTitle">单件生产工时</th>
                        <td class="formValue input-width-40">
                            <input id="Manhour" name="Manhour" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">批次准结工时</th>
                        <td class="formValue input-width-40">
                            <input id="Moduelhour" name="Moduelhour" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">设备编号</th>
                        <td class="formValue">
                            <select id="EquipSBNO" name="EquipSBNO" class="form-control">
                                <option value=''>&nbsp;</option>
                            </select>
                        </td>
                        <th class="formTitle">单件工艺工时</th>
                        <td class="formValue input-width-40">
                            <input id="Technologyhour" name="Technologyhour" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">批次工艺准结工时</th>
                        <td class="formValue input-width-40">
                            <input id="PModuelhour" name="PModuelhour" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">工艺定员</th>
                        <td class="formValue input-width-40">
                            <input id="PerNum" name="PerNum" type="text" class="form-control text-right number" value="" /><label>人</label>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">副生产线1</th>
                        <td class="formValue">
                            <select id="FLineNO1" name="FLineNO1" class="form-control">
                                <option value="">&nbsp;</option>
                                @foreach (var item in ViewBag.equipList)
                                {
                                <option value="@item.FTypeNO">@item.FTypeNO @item.FTypeName</option>
                                }
                            </select>
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue input-width-40">
                            &nbsp;
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue input-width-40">
                            &nbsp;
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">设备型号</th>
                        <td class="formValue">
                            <select id="EquipNO1" name="EquipNO1" class="form-control">
                                <option value=''>&nbsp;</option>
                            </select>
                        </td>
                        <th class="formTitle">单件生产工时</th>
                        <td class="formValue input-width-40">
                            <input id="Manhour1" name="Manhour1" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">批次准结工时</th>
                        <td class="formValue input-width-40">
                            <input id="Moduelhour1" name="Moduelhour1" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">设备编号</th>
                        <td class="formValue">
                            <select id="EquipSBNO1" name="EquipSBNO1" class="form-control">
                                <option value=''>&nbsp;</option>
                            </select>
                        </td>
                        <th class="formTitle">单件工艺工时</th>
                        <td class="formValue input-width-40">
                            <input id="Technologyhour1" name="Technologyhour1" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">批次工艺准结工时</th>
                        <td class="formValue input-width-40">
                            <input id="PModuelhour1" name="PModuelhour1" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">工艺定员</th>
                        <td class="formValue input-width-40">
                            <input id="PerNum1" name="PerNum1" type="text" class="form-control text-right number" value="" /><label>人</label>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">副生产线2</th>
                        <td class="formValue">
                            <select id="FLineNO2" name="FLineNO2" class="form-control">
                                <option value="">&nbsp;</option>
                                @foreach (var item in ViewBag.equipList)
                                {
                                <option value="@item.FTypeNO">@item.FTypeNO @item.FTypeName</option>
                                }
                            </select>
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue input-width-40">
                            &nbsp;
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue input-width-40">
                            &nbsp;
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">设备型号</th>
                        <td class="formValue">
                            <select id="EquipNO2" name="EquipNO2" class="form-control">
                                <option value=''>&nbsp;</option>
                            </select>
                        </td>
                        <th class="formTitle">单件生产工时</th>
                        <td class="formValue input-width-40">
                            <input id="Manhour2" name="Manhour2" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">批次准结工时</th>
                        <td class="formValue input-width-40">
                            <input id="Moduelhour2" name="Moduelhour2" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">&nbsp;</th>
                        <td class="formValue">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle">设备编号</th>
                        <td class="formValue">
                            <select id="EquipSBNO2" name="EquipSBNO2" class="form-control">
                                <option value=''>&nbsp;</option>
                            </select>
                        </td>
                        <th class="formTitle">单件工艺工时</th>
                        <td class="formValue input-width-40">
                            <input id="Technologyhour2" name="Technologyhour2" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">批次工艺准结工时</th>
                        <td class="formValue input-width-40">
                            <input id="PModuelhour2" name="PModuelhour2" type="text" class="form-control text-right number" value="" /><label>分</label>
                        </td>
                        <th class="formTitle">工艺定员</th>
                        <td class="formValue input-width-40">
                            <input id="PerNum2" name="PerNum2" type="text" class="form-control text-right number" value="" /><label>人</label>
                        </td>
                    </tr>
                </table>
            </div>
        </form>
        <div id="listDiv" style="margin: 10px 15px;">
            <table id="gridList"></table>
        </div>
    </div>
</div>

